body{
  background: #ffffff;
}
.news-banner{
  padding-top: 160px;
  height: 438px;
  background: url("/static/images/news/bg.jpg") no-repeat center center;
  background-size: cover;
  -webkit-background-size: cover;
  text-align: center;
  box-sizing: border-box;
  p{
    font-size: 37px;
    color: #fff;
  }
}
.news-list{
  padding: 30px 0;
  a{
    color: #333;
    display: block;
    margin-bottom: 25px;
    float: left;
    width: 32%;
    height: 500px;
    margin-right: 2%;
    border: 1px solid #f3f3f3;
    box-shadow: 1px 8px 20px #c4c4c4;
    background: #fffefe;
    transition: all 0.2s;
    transform-origin: center top;
    transform-style: preserve-3d;
    &.last{
      margin-right: 0%;
    }
    &:hover{
      opacity: 0.9;
      transform: translateZ(10deg);
    }
    img{
      height: 213px;
      width: 100%;
    }
    h1{
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      padding: 40px 20px;
      font-size: 20px;
    }
    p{
      position: relative;
      line-height: 20px;
      max-height: 80px; //最大高度为行高的整数倍，此处代表3行文本
      padding: 0px 20px;
      color: #666666;
      font-size: 14px;
      overflow: hidden;
    }
    p::after {
      content: "...";
      position: absolute;
      bottom: 0;
      right: 20px;
      padding-left: 40px;
      background: -webkit-linear-gradient(left, transparent, #fff 55%);
      background: -o-linear-gradient(right, transparent, #fff 55%);
      background: -moz-linear-gradient(right, transparent, #fff 55%);
      background: linear-gradient(to right, transparent, #fff 55%);
    }
    .time{
      padding: 0 20px;
      padding-top: 40px;
      text-align: right;
    }
  }
}
